<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>使用JQuery</title>
    <!-- 一般引入js文件，都是在 head 标签内部 -->
    <script src="js/jquery-3.5.1.js"></script>
</head>
<body>

<div id="container"></div>

<script type="text/javascript">
    // 通过方法，获取到一个 dom 元素
    let div = document.querySelector("#container") ;
    console.log(  div ) ;
    // 可以将 指定的DOM 元素，封装成一个 jQuery 实例
    div = jQuery(div) ;
    console.log( div ) ;

    div = $(div) ;
    console.log( div ) ;


    console.log("--------------------------------") ;
    // 可以直接利用选择器， 将 元素封装成 jQuery 实例
    div = $("#container") ;
    console.log( div ) ;

    console.log("--------------------------------") ;
    div = $("<div style='color:red'>" +
        "<span></span>" +
        "</div>") ;
    console.log( div ) ;

</script>

</body>
</html>